<template>
    <div id="app">
            <router-view />
    </div>
</template>

<script lang="ts">
    import {Component, Vue} from "vue-property-decorator";
    import {UserModule} from "@/store/modules/user";

    @Component({
        name: "App"
    })
    export default class extends Vue {
        created() {
            //在页面加载时读取sessionStorage里的状态信息
            if (sessionStorage.getItem("store")) {
                this.$store.replaceState(Object.assign({}, this.$store.state, JSON.parse(sessionStorage.getItem("store"))))
            }

            //在页面刷新时将vuex里的信息保存到sessionStorage里
            window.addEventListener("beforeunload", () => {
                UserModule.Fresh()
                sessionStorage.setItem("store", JSON.stringify(this.$store.state))
            })

        }
    }
</script>
